<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/newTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    
    <ui:define name="content">
        <h:form >
            
            <p:panel header="#{gestorPrincipal.nombreCategoria}"> 
                <p:dataGrid columns="1" value="#{gestorPrincipal.listaLibros}" rows="10" paginator="true" var="libro" 
                        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
                        <h:panelGrid columns="2" style="width: 100%">
                            <p:graphicImage value="resources/imagenesSubidas/material/#{libro.imagen}" width="70px" height="110px"/> 
                            <h:panelGrid columns="2">
                                <h:outputText value="Nombre: " style="font-weight: bold"/>
                                <h:outputText value="#{libro.nombre}"/>
                                <h:outputText value="Fecha de creacion: " style="font-weight: bold"/>
                                <h:outputText value="#{libro.fechaPublicacion}"/>
                                <h:outputText value="Descripcion:" style="font-weight: bold" escape="false"/>
                                <h:outputText value="#{libro.descripcion}"/>
                                <h:outputText value="Link de Descarga: " style="font-weight: bold"/>
                                <h:outputLink  value="#{libro.link}" target="_blank">
                                    <h:outputText value="#{libro.link}"/>
                                </h:outputLink>
                            </h:panelGrid>
                        </h:panelGrid>
                        <p:separator/>
                </p:dataGrid>
            </p:panel> 
        </h:form>
      </ui:define>
</ui:composition>
